
<template>
  <div>
    <div class="user">
      <van-nav-bar title="中国民航服务质量评价" left-arrow @click-left="onClickLeft" />
      <img class="bigImg" src="@/assets/images/diaocha.jpg"/>
      <div class="list">
        <div class="listLeft">
          <img src="@/assets/images/minghang.jpg"/>
          <p class="classify">中国民航服务评价</p>
        </div>
        <div class="listRight">
          <p class="remark">点击评价</p>
          <p class="glt">></p>
        </div>
      </div>
      <div class="notify">
        <p>尊敬的女士/先生：</p>
        <p>为了持续提升民航服务质量，增进人民群众对民航服务的满意度和获得感，推动民航高质量发展，烦请您抽出宝贵的时间，对航空旅行体验进行评价。衷心感谢您的支持和帮助。</p>
        <p>民航局消费者事务中心</p>
      </div>
      
    </div>
  </div>
</template>

<script>
export default {
  name: 'survey',
  data(){
    return{
      problem:''
    }
  },
  created(){

  },
  methods:{
    onClickLeft(){
      this.$router.go(-1)
    }
  }
} 
</script>

<style scoped>
.user{
    width: 100%;
    background-color: #fff;
}
.title{
  text-align: left;
  padding: 0 10px;
}
.list{
  width: 360px;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
}
.list img{
  width: 16px;
  height: 16px;
  padding: 12px 10px 12px 0;
}
.list .classify{
  font-size: 15px;
  margin: 0;
}
.list .remark{
  font-size: 12px;
  margin: 0;
  color: #a2a2a2;
}
.listLeft,.listRight{
  display: flex;
}
.glt{
  color: #a2a2a2;
  margin: 0 0 0 10px;
}
.bigImg{
  width: 100%;
}
.notify{
  padding: 20px;
}
.notify p{
  font-size: 12px;
  color: #969696;
  margin: 0;
  line-height: 20px;
}
.notify p:nth-of-type(1){
  text-align: left;
}
.notify p:nth-of-type(2){
  text-indent: 30px;
}
.notify p:nth-of-type(3){
  text-align: right;
}
</style>
